body {
  background-color: black;
}
#pairs {
  position: absolute;
  float: left;
  width: 66%;
}

#controls {
  background-color: navy;
  color: yellow;
  padding: 4px;
}

#infoBox {
  background-color: #008B8B;
  color: white;
  padding: 4px;
}

#progress {
  background-color: #008B8B;
  color: white;
}

#message {
  background-color: #00ffff;
  color: black;
}

#hiscores {
  background-color: #708090;
  color: #FFFAFA;
  padding: 4px;
  overflow: auto;
}

#hiscoreTable th {
  background: green;
  color: white;
}
.hiscoreStripe {
  background-color: black;
  color: yellow;
}

#pairs.ui-dialog-content {
  padding: 0px;
}

.aSquare {
  border: 1px solid #cccccc;
  float: left;
}

.aSquare:hover {
  border: 1px solid #111111;
}

.unselected {
  background-color: #eeeeee;
  background-image: url(../images/unselectedBack.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.selected {
  background-color: #eedd00;
}

.matched {
  background-color: #882233;
}
